<!-- The <router-outlet> tells the router where to display routed views. -->
<div
  [ngClass]="
    (currentRoutePath == '/' || currentRoutePath == '/auth/login' || currentRoutePath == '/auth/signup')
      ? '' : (currentRoutePath == '/about' || currentRoutePath == '/contact' || currentRoutePath == '/our-team' ||
      currentRoutePath == '/get-involved' || currentRoutePath == '/privacy-policy')
      ? 'page-wrap' : (!isAuth.getValue()) ? 'page-wrap' : 'page-wrap-challenge'
      " >
  <router-outlet></router-outlet>
</div>
<app-toast></app-toast>
<app-loading *ngIf="isLoading"></app-loading>
<app-confirm *ngIf="confirmParams['isConfirming']" [params]="confirmParams"></app-confirm>
<app-modal *ngIf="modalParams['isModalVisible']" [params]="modalParams"></app-modal>
<app-editphasemodal
  *ngIf="editPhaseModalParams['isEditPhaseModalVisible']"
  [params]="editPhaseModalParams"
></app-editphasemodal>
<app-terms-and-conditions-modal
  *ngIf="termsAndConditionsModalParams['isTermsAndConditionsModalVisible']"
  [params]="termsAndConditionsModalParams"
></app-terms-and-conditions-modal>
<i (click)="scrollUp()" class="fa fa-arrow-up" id="up-arrow"></i>
